<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript">
	// jquery 활용 -> 화면 구조에서 동작 분리 
	// 동작에 대한 일괄처리를 통해 중복작업 방지 ( 생산성 )
	// 이후 변경시 효과적으로 대처( 유지보수성 )
/* 	$(document).ready(function(){
		//alert("test");
		// 아래 페이지의 a tag 요소에 클릭 되었을 때 동작 일괄 처리 
		$("a").click(function(event){
			alert("클릭했구나!");
			// tag의 기본 속성을 막는다 
			event.preventDefault();
		});
	}); */
	$(document).ready(function(){
		$('a').click(function(){
			alert("클릭했구나!");
			
			event.preventDefault();
		});
	});

</script>
</head>
<body>
<a href="http://jquery.com">jquery home</a><br>
<a href="http://jqueryui.com">jquery ui</a><br>
<a href="http://jquerymobile.com">jquery mobile</a>
</body>
</html>









